﻿<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:include="admin/common :: head"></div>
    <link rel="stylesheet" type="text/css" href="/static/lib/webuploader/0.1.5/webuploader.css">
    <link rel="stylesheet" type="text/css" href="/static/css/admin/car/list.css">
    <title>车辆列表 - 车辆管理 </title>
</head>
<body>
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> 车辆管理
    <span class="c-gray en">&gt;</span> 车辆列表
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新">
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>

<div class="page-container">
    <div class="text-c">
        <span class="select-box inline">
            <select id="car_city" name="city" class="select">
                <option value="">所有城市</option>
            </select>
        </span>
        <span class="select-box inline">
            <select id="car_region" name="region" class="select">
                <option value="">所有区域</option>
            </select>
        </span>
        <span class="select-box inline">
            <select id="car_status" name="carStatus" class="select">
                <option value="">全部状态</option>
                <option th:each="status:${statuses}"
                        th:value="${status.code}" th:text="${status.name}">
                </option>
            </select>
		</span> 创建时间：
        <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'createTimeMax\')||\'%y-%M-%d\'}' })"
               id="createTimeMin" class="input-text Wdate" style="width:110px;">
        -
        <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'createTimeMin\')}',maxDate:'%y-%M-%d' })"
               id="createTimeMax" class="input-text Wdate" style="width:110px;">
        <input type="text" name="carTitle" id="car_title" placeholder=" 车源标题" style="width:250px" class="input-text">
        <button id="car_search" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i>
            搜车辆
        </button>
    </div>

    <div class="cl pd-5 bg-1 bk-gray mt-20">
        <span class="l">
            <a id="car_batch_delete" href="javascript:;" class="btn btn-danger radius">
                <i class="Hui-iconfont">&#xe6e2;</i>
                批量删除
            </a>
            <a id="car_add" class="btn btn-primary radius" href="javascript:;">
                <i class="Hui-iconfont">&#xe600;</i>
                添加车辆
            </a>
            <a id="index_all" class="btn btn-warning radius" href="javascript:;">
                <i class="Hui-iconfont">&#xe600;</i>
                索引所有数据
            </a>
        </span>
        <span id="car_count" class="r">共有数据：<strong>xx</strong> 条</span>
    </div>
    <table id="car_list" class="table table-border table-bordered table-hover table-bg">
        <thead>
            <tr>
                <th scope="col" colspan="6">车辆列表</th>
            </tr>
            <tr class="text-c">
                <th width="25"><input type="checkbox" value="" name=""></th>
                <th width="80">标题</th>
                <th width="80">价格(元)</th>
                <th width="40">座位数</th>
                <th width="40">排量(L)</th>
                <th width="50">里程(km)</th>
                <th width="40">车龄</th>
                <th width="50">颜色</th>
                <th width="50">车型</th>
                <th width="50">燃油类型</th>
                <th width="70">查看次数(次)</th>
                <th width="120">详细地址</th>
                <th width="50">状态</th>
                <th width="300">描述</th>
                <th width="70">操作</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

    <table id="car_template" style="display: none">
        <tbody>
            <tr class="text-c">
                <td><input type="checkbox" value="{{id}}"></td>
                <td>{{title}}</td>
                <td>{{price}}</td>
                <td>{{seats}}</td>
                <td>{{displacement}}</td>
                <td>{{mileage}}</td>
                <td>{{age}}</td>
                <td>{{color}}</td>
                <td>{{style}}</td>
                <td>{{fuelType}}</td>
                <td>{{watchTimes}}</td>
                <td>{{address}}</td>
                <td>{{statusMeaning}}</td>
                <td>{{description}}</td>
                <td class="f-14">
                    {{operate}}
                </td>
            </tr>
        </tbody>
    </table>

    <!--上架时候的操作模板-->
    <div id="operate_template_up" style="display: none">
        <a car_id="{{id}}" class="car_up" title="发布" href="javascript:;" style="text-decoration:none">
            <i class="iconfont">&#xe98e;</i>
        </a>
        <a car_id="{{id}}" class="car_edit" title="编辑" href="javascript:;" style="text-decoration:none">
            <i class="Hui-iconfont">&#xe6df;</i>
        </a>
        <a car_id="{{id}}" class="car_delete ml-5" title="删除" href="javascript:;" style="text-decoration:none">
            <i class="Hui-iconfont">&#xe6e2;</i>
        </a>
    </div>

    <!--下架时候的操作模板-->
    <div id="operate_template_down" style="display: none">
        <a car_id="{{id}}" class="car_down ml-5" title="下架" href="javascript:;" style="text-decoration:none">
            <i class="iconfont">&#xebda;</i>
        </a>
        <a car_id="{{id}}" class="car_edit ml-5" title="编辑" href="javascript:;" style="text-decoration:none">
            <i class="Hui-iconfont">&#xe6df;</i>
        </a>
        <a car_id="{{id}}" class="car_delete ml-5" title="删除" href="javascript:;" style="text-decoration:none">
            <i class="Hui-iconfont">&#xe6e2;</i>
        </a>
    </div>

    <nav aria-label="Page navigation">
        <ul id="page_nl" class="pagination">
        </ul>
    </nav>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/static/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/lib/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/lib/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<script type="text/javascript" src="/static/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>


<script type="text/javascript" src="/static/js/admin/car/list.js"></script>

</body>
</html>